<!doctype html>
<html class="no-js fixed-layout">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>首页</title>
  <meta name="description" content="index">
  <meta name="keywords" content="index">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="icon" type="image/png" href="/static/assets/i/favicon.png">
  <link rel="apple-touch-icon-precomposed" href="/static/assets/i/app-icon72x72@2x.png">
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <link rel="stylesheet" href="/static/assets/css/amazeui.min.css"/>
  <link rel="stylesheet" href="/static/assets/css/admin.css">
</head>
<body>



  <div class="admin-content">

    <div class="admin-content-body">

      <div class="am-g">


 
        <div class="am-u-sm-12 am-u-md-12 ">
          <!--中间侧块 注意下面是form表-->
          <br>
          <table id="grid" class="am-table am-table-striped am-table-hover table-main am-table-compact am-text-nowrap" width="100%">
            <thead>
              <tr>
                <th class="table-title">部件名称</th>
                <th class="table-title">编号</th>
                <th class="table-title">注释</th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>

          
        </div>
        <!-- <div class="am-u-sm-12 am-u-md-6">
          <div class="am-btn-toolbar">
            <div class="am-btn-group am-btn-group-xs">
            <div class="am-margin">
              <button type="button" class="am-btn am-btn-primary am-btn-xs" onclick="role_submit({{ role_id }})">保存</button>
            </div>

            </div>
          </div>
        </div> -->

      </div>
    </div>

  </div>

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="/static/assets/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="/static/assets/js/amazeui.min.js"></script>
<script src="/static/assets/js/amazeui.tree.js"></script>
<script src="/static/assets/datatables/amazeui.datatables.min.js"></script>
<script src="/static/assets/dialog/amazeui.dialog.min.js"></script>
<link rel="stylesheet" type="text/css" href="/static/assets/css/amazeui.tree.css" />
<script type="text/javascript" src="/static/assets/js/layer.js"></script>
<script src="/static/assets/js/app.js"></script>
<script type="text/javascript">

var bridge_id = {{ bridge_id|safe }}
var parts_code = {{ parts_code|safe }}
var unit_component_id = {{ unit_component_id|safe }}
var unit_id = {{ unit_id|safe }}
var t = $('#grid').DataTable({
  //配置DataTables默认参数



    bInfo: true,//页脚信息
    responsive: true,
    searching: true,
    lengthChange: true,
    paging: true,
    bStateSave: true, //保存页面状态
    aLengthMenu: [[10,20,50,-1],["10条","20条","50条","所有"]],
    ajax: {

      url: "/QLXJ_QLLB_PFDY_SelectedComponent_data/?bridge_id="+bridge_id+"&unit_id="+unit_id+"&parts_code="+parts_code+"&unit_component_id="+unit_component_id+""
    },


    
    //每页显示五条数据
    //pageLength: 'all',
    columns: [
    /*
      {  
        data : null,  
        bSortable : false,  
        targets : 0,  
        //width : "30px",  
        render : function(data, type, row, meta) {  
          // 显示行号  
          var startIndex = meta.settings._iDisplayStart;  
          return startIndex + meta.row + 1;  
        }  
      },
    */
      {
        "data": "parts_name"
      },
      {
        "data": "member_name"
      },

      {
        "data": "notes"
      }
    ],
    
    
    "columnDefs": [
      // "visible": false,
      //"targets": 0



      {
        type: 'chinese-string',
        targets: '_all'
      } //中文排序
      // ,
      // {
      //   "render": function(data, type, row, meta) {
      //     return "有效"
                  
      //   },
      //   "targets": 3
      // },
      
      
      // {
      //   "render": function(data, type, row, meta) {
      //     return '<div class="am-btn-toolbar"><div class="am-btn-group am-btn-group-xs"><button class="am-btn am-btn-default am-btn-xs am-text-secondary" onclick="section_modify(' + row.section_id + ')"><span class="am-icon-pencil-square-o"></span> 修改</button><button class="am-btn am-btn-default am-btn-xs am-text-danger am-hide-sm-only" onclick="section_delect(' + row.section_id + ',\'' + row.section_name + '\')"><span class="am-icon-trash-o"></span> 删除</button></div></div>'        
      //   },
      //   //指定是第二列
      //   "targets": 4
      // }
    ],
    

  });


var AlertMSG=function(msg){
    AMUI.dialog.alert({ title: '错误提示', content: msg, onConfirm: function() { console.log('close'); } });
}
</script>
</body>

</html>